<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<!--    <title>测试Websocket</title>-->
<!--</head>-->
<!--<body>-->
<!--    <input type="text" id="text">-->
<!--    <button id="send-button">发送</button>-->
<!--     <script>-->
<!--            // 通过js ,创建Websocket对象 ;-->
<!--            //  创建对象需要有路径 , 就是 websocket 传输消息的路径 , 对应服务器的路径, 就是发送信息给服务器 ;-->
<!--            // ws : 代表的是 协议名称 , ws 就是websocket-->
<!--            let websocket = new WebSocket('ws://127.0.0.1:8080/test') ; -->

<!--        //    给 websocket 创建几个 回调函数 ;-->
<!--        websocket.onopen = function(){-->
<!--            //  连接建立成功后, 自动调用 ;-->
<!--            console.log("连接建立成功");-->
<!--            -->
<!--        }-->

<!--        websocket.onmessage = function(e){-->
<!--        //     收到消息后 ,调用-->
<!--        //  这里的 e 参数 , 就是 收到的消息 ;-->
<!--            console.log("收到消息"+e.data);-->
<!--        }-->

<!--        websocket.onerror = function(){-->
<!--            // 链接发生异常时 ,调用-->
<!--            console.log("连接发生异常");-->
<!--            -->
<!--        }-->

<!--        websocket.onclose = function(){-->
<!--            // 连接发生关闭后调用-->
<!--            console.log("连接断开了");-->
<!--            -->
<!--        }-->
<!--        -->
<!--        // 给上面的 发送按钮,添加一个 发送点击事件, 把消息发送出去;-->
<!--        let sendButton = document.querySelector("#send-button") ;-->
<!--        let message = document.querySelector('#text');-->
<!--        sendButton.onclick = function(){-->
<!--            // 发送消息 ,前面已经有 websocket , websocket 已经有服务器的信息, 可以直接通过它向服务器发送数据 ;-->
<!--            //  客户端就不需要会话的概念了 , 只需要知道服务器就行,服务器才需要管理会话 ;-->
<!--            websocket.send(message.value) ;-->
<!--        }-->


<!--     </script>-->
<!--    -->

<!--</body>-->
<!--</html>-->